<template>
	<div class="home-two">
		<Card class="card" v-for="item in items">
			<a :href="item.aurl">
				<img :src="item.imgurl">
				<h3>{{item.title}}</h3>
			</a>
		</Card>
	</div>
</template>

<script>
export default {
	name: 'homeTwo',
	data () {
		return {
			items:[
			{
				imgurl:require('@/assets/logo.png'),
				aurl:'www.baidu.com',
				title:'明理院产品',
			},
			{
				imgurl:require('@/assets/logo.png'),
				aurl:'https://www.baidu.com',
				title:'明理院产品',
			},
			],
		};
	}
}
</script>

<style lang="css" scoped>
.home-two{
	height: 100%;
	width: 100%;
}
.home-two .card{
	float: left;
	cursor: pointer;
	width: 300px;
	text-align: center;
	margin-left: 20px
}
.home-two .card a{
	color: #495060;
	cursor: pointer;
}
.home-two img{
	width: 100%
}
</style>